<html>
<head>
<#assign basePath=request.contextPath>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>玩什么-tab</title>
<#include "/WEB-INF/views/template/bootMainCss.ftl" parse=true encoding="utf-8">
    <!-- bootstrap-datetimepicker -->
    <link href="${basePath}/bootstrap/plugin/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="${basePath}/bootstrap/css/form.lzy.css" rel="stylesheet">
</head>
<body>
<div class="content-header">
    <h5>
        平台 &gt; 代理销售 &gt; <strong>订单管理</strong>
    </h5>
</div>

<div class="tab-switch">
    <span class="active" data-src="${basePath}/admin/order/motorOrder/-1">协议订单</span>
    <span data-src="${basePath}/admin/order/motorOrder/1">产品订单</span>
</div>
<div class="tab-switch-page">
    <iframe src="${basePath}/admin/order/motorOrder/-1"
            scrolling="no" frameborder="0" width="100%" height="100%"></iframe>
</div>

<#include "/WEB-INF/views/template/bootMainJs.ftl" parse=true encoding="utf-8">
<script type="text/javascript" src="${basePath}/bootstrap/js/utils.js" type="text/javascript"></script>
<script type="text/javascript">
    var H = $(window).height();
    $('.tab-switch-page').css('height', H - 120 + 'px');
    $('.tab-switch span').click(function() {
        var src = $(this).attr('data-src');
        $(this).addClass('active').siblings().removeClass('active');
        $(".tab-switch-page iframe").attr("src", src);
    })
</script>
</body>

</html>